import React, { Component } from 'react'

import { connect } from 'react-redux' 

// UI 组件
class Content extends Component {
    render () {
        return (
            <div>
                num: { this.props.num }
            </div>
        )
    }
}
// 将状态传递到UI组件的属性上
// 接收到真正的state, 返回什么，UI组件的属性上就会有什么
let mapStateToProp = state => {
    return {
        num: state.lisa.num * 2  // 这里的返回值想当与派生=>vuex中的getters
    }
}
// 生成容器组件
let Container = connect( mapStateToProp )(Content)

export default Container